<template>
  <div class="main-content">

    <activity-list :span="6" />

    <Footer />
  </div>
</template>

<script>
import Footer from "@/components/Footer";
import ActivityList from "@/components/ActivityList";

export default {
  name: "Activity",
  components: {
    ActivityList,
    Footer
  },

  data() {
    return {
      tableData: [],  // 所有的数据
      pageNum: 1,   // 当前的页码
      pageSize: 8,  // 每页显示的个数
      total: 0,
      name: null,
    }
  },
  created() {
    this.load(1)
  },
  methods: {
    goDetail(id) {
      window.open('/front/activityDetail?activityId=' + id)
    },
    // load(pageNum) {  // 分页查询
    //   if (pageNum) this.pageNum = pageNum
    //   this.$request.get('/activity/selectPage', {
    //     params: {
    //       pageNum: this.pageNum,
    //       pageSize: this.pageSize,
    //       name: this.name,
    //     }
    //   }).then(res => {
    //     this.tableData = res.data?.list
    //     this.total = res.data?.total
    //   })
    // },

    load(pageNum) {
      // 如果传入了 pageNum 参数，则更新当前页码
      if (pageNum) this.pageNum = pageNum;
      // 发起 GET 请求，调用后端接口 '/activity/selectPage' 获取分页数据
      this.$request.get('/activity/selectPage', {
        params: {  // 请求参数
          pageNum: this.pageNum,  // 当前页码
          pageSize: this.pageSize,  // 每页显示的记录数
          name: this.name,  // 查询条件（例如活动名称）
        }
      }).then(res => {
        // 从响应数据中提取表格数据和总记录数
        this.tableData = res.data?.list;  // 表格数据
        this.total = res.data?.total;     // 总记录数
      });
    },


    reset() {
      this.name = null
      this.load(1)
    },
    handleCurrentChange(pageNum) {
      this.load(pageNum)
    },
  }
}
</script>

<style scoped>

</style>